<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="button" value="新增学员" onclick="xinz()"/>    
    <input type="button" value="显示学员" onclick="reveal()"/>
    <p id="p"></p >
    <script type="text/javascript">
    let lut=[];//定义一个用来存储学员数量的数组
    function xinz(){
    lut.push(prompt("请输入新增学员的姓名:"))
     //push() 是 JavaScript 数组的一个方法，用于向数组的末尾添加一个或多个元素，并返回修改后的数组的新长度。
    }
    function reveal(){
        let p=document.getElementById("p");//获取一个id为"p"的HTML元素，并将其存储在变量p中
        let name=()=>{
        //定义了一个名为name的函数
    for (var i = 0; i < lut.length; i++) { 
    //该函数用于循环遍历lut数组并将每个学员姓名添加到p元素的innerHTML属性中，以便在HTML页面上显示出来
    p.innerHTML+=lut[i]+"<br/>";    
    //用于显示学员的总数。然后调用name函数，将所有学员姓名添加到p元素的innerHTML属性中，每个姓名之后添加一个换行符 
    //innerHTML是一种属性，它可以用于获取或设置HTML元素的内容
    }
    }
        p.innerHTML="共"+lut.length+"学员，信息如下：";
        name()+",";
    }
</script>
</body>
</html>